<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>分类</title>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/classft.css">
</head>

<body>
    <div class="logo"><img src="../images/logo.png" alt=""></div>
    <div class="nav-warp">
        <div class="nav center">
            <div class="nav-list"><a href="../index.html">首页</a></div>
            <div class="nav-list"><a href="./classft.html">分类</a></div>
            <div class="nav-list"><a href="./bag.html">购物袋</a></div>
            <div class="nav-list"><a href="./story.html">品牌故事</a></div>
            <div class="nav-list"><a href="./contact.html">联系我们</a></div>
            <div class="nav-list"><a href="./login.html">登录</a></div>
        </div>

    </div>
    <div class="center">
        <img src="../images/classfy/1.jpg" alt="">
    </div>
    <main>
        <section id="main-b" class="center">
            <div class="goods">
                <div class="title">
                    <h3>光影之旅</h3><span>查看更多&nbsp;></span>
                </div>
                <ul>
                    <li>
                        <img src="../images/classfy/a.webp" style="width: 100%;" alt="">
                    </li>
                    <li>
                        <p>雪花秀菁典臻秀面霜</p>
                        <img src="../images/classfy/2.jpg" alt="">
                        <span>￥1200.00</span>
                    </li>
                    <li>
                        <p>御时紧颜参养乳霜</p>
                        <img src="../images/classfy/3.jpg" alt="">
                        <span>￥777.00</span>
                    </li>
                    <li>
                        <p>滋盈肌本舒活紧致霜</p>
                        <img src="../images/classfy/4.jpg" alt="">
                        <span>￥1234.00</span>
                    </li>
                    
                </ul>
            </div>
            <div class="goods">
                <div class="title">
                    <h3>奇幻护肤篇</h3><span>查看更多&nbsp;></span>
                </div>
                <ul>
                    <li>
                        <img src="../images/classfy/b.webp" style="width: 100%;" alt="">
                    </li>
                    <li>
                        <p>胶原霜乳霜款</p>
                        <img src="../images/classfy/5.webp" alt="">
                        <span>￥999.00</span>
                    </li>
                    <li>
                        <p>胶原霜滋养款</p>
                        <img src="../images/classfy/6.webp" alt="">
                        <span>￥499.00</span>
                    </li>
                    <li>
                        <p>白胶原霜</p>
                        <img src="../images/classfy/7.webp" alt="">
                        <span>￥888.00</span>
                    </li>
                    
                </ul>
            </div>
            <div class="goods">
                <div class="title">
                    <h3>自然之韵</h3><span>查看更多&nbsp;></span>
                </div>
                <ul>
                    <li>
                        <img src="../images/classfy/c.webp" style="width: 100%;" alt="">
                    </li>
                    <li>
                        <p>腊菊活颜紧致精华乳液</p>
                        <img src="../images/classfy/8.jpg" alt="">
                        <span>￥3000.00</span>
                    </li>
                    <li>
                        <p>腊菊活颜紧致精华面霜</p>
                        <img src="../images/classfy/9.jpg" alt="">
                        <span>￥780.00</span>
                    </li>
                    <li>
                        <p>腊菊活颜紧致精华面霜</p>
                        <img src="../images/classfy/10.jpg" alt="">
                        <span>￥666.66</span>
                    </li>
                    
                </ul>
            </div>
        </section>
    </main>
    <footer>
        <div class="footer-box">
            <div class="footer-img"> <img src="../images/logo.png" alt=""></div>
            <p>释放自然光辉，呵护你的肌肤之美。</p>
        </div>
    </footer>
</body>

</html>